@import "../element-variables.scss";

a {
  text-decoration: none !important;
  color: inherit;

  &:hover {
    color: $--color-primary
  }
}

button:focus {
  outline: none !important;
}

*[tabindex], a {
  &:focus {
    outline: 1px auto $--color-primary;
  }
}

.el-scrollbar__wrap {
  scroll-behavior: smooth;
}

.logo {
  color: black;
  display: flex;
  align-items: center;

  &.big:before {
    width: 64px;
    height: 64px;
  }

  &:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    background: center / contain url("../assets/logo.png");
  }
}